<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../pagination/common/reset.css">
    <link rel="stylesheet" href="../pagination/pagination.css">

    <script src="../pagination/common/jquery.min.js"></script>
    <script src="../pagination/jquery.pagination.js"></script>
    <title>Document</title>
</head>

<body>
    <div class=" pageBox m-style">

    </div>
</body>
<script>
    $(".pageBox").pagination({
        totalData: 1000,  //数据总条数
        showData: 10, //每页显示条数
        count: 4,  //显示页码总数 n+1
        mode: "fixed", //分页模式  (unfixed：不固定页码数量  fixed：固定页码数量)
        current: 3,// 默认显示第几页

        // 上一页/下一页的内容
        prevContent: "上页",
        nextContent: "下页",
        // 上一页/下一页的class名
        prevCls: "a",
        nextCls: "b",

        activeCls: "active",//当前页选中状态

        coping: true,  //显示首页和尾页的页码

        homePage: '首页',   //首节点内容
        endPage: '尾页',    //尾节点内容

        jump: true,  //跳转到指定页数
        jumpBtn: 'go',//跳转按钮文本内容

        callback(api) {
            // api的方法：
            // getPageCount  获取总页数
            // setPageCount(page)   page:页数  设置总页数
            // getCurrent()  获取当前页
            console.log(api);
        }

    })
</script>

</html>